<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>侧边栏</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="screen-orientation" content="portrait" />
    <!-- <link rel="stylesheet" href="/Resources/2.0/css/mui.min.css"> -->
    <link rel="stylesheet" href="/Resources/2.0/css/public.css">
    <link rel="stylesheet" href="/Resources/2.0/css/sideBar.css">
    <script src="/Resources/2.0/js/size.js"></script>


</head>

<body>
    <div class="sideBar" id="app">
        <h1>
            选择模块
        </h1>
        <div class="module">
            <a href="javascript:;" class="module-choose">
                <i class="icon icon-side-choose"></i>
                自选指标
            </a>
            <a href="javascript:;">
                <i class="icon icon-side-bells"></i>
                指标预警
            </a>
        </div>
        <div class="aim-list">
            <div class="title brown">
                <span class="border"></span>
                基础指标
            </div>
            <ul class="aim-list-item">
                <li class="active">全部</li>
                <li>原料</li>
                <li>钢材现价</li>
                <li>钢厂期价</li>
                <li>钢厂产量</li>
                <li>钢厂检修</li>
                <li>钢材成交</li>
                <li>社会存库</li>
                <li>厂内库存</li>
                <li>终端需求</li>
                <li>政经观察</li>
                <li>宏观数据</li>
                <li>天气监测</li>
                <li>情绪</li>
            </ul>
        </div>
        <div class="aim-list">
            <div class="title">
                <span class="border"></span>
                自定义指标
            </div>
            <ul class="aim-list-item">
                <li>指标组合</li>
                <li>指标计算</li>
            </ul>
        </div>
        <div class="aim-list">
            <div class="title">
                <span class="border"></span>
                自定义预警
            </div>
            <ul class="aim-list-item">
                <li>设置预警值</li>
                <li>预警管理</li>
            </ul>
        </div>

    </div>

    <script src="/Resources/2.0/js/zepto.js"></script>
    <script src="/Resources/2.0/js/mui.min.js"></script>
    <script src="/Resources/2.0/js/public.js"></script>
    <script>
        Zepto('.aim-list-item').on('tap','li',function(){
            Zepto('.aim-list-item li').removeClass('active')
            Zepto(this).addClass('active')
        })
    </script>

</body>

</html>